<template>
  <div class="top-nav">
    <div class="container clearf">
      <div class="left">
        <a href="main" class="item">首页</a>
      </div>
<!--      <div class="right">-->
<!--        <c:if test="${sessionScope.account!=null}">-->
<!--          <a href="viewListOrder?name=${sessionScope.account.name}" class="item">我的订单</a>-->
<!--          <%&#45;&#45;                <a href="" class="item">收藏夹</a>&#45;&#45;%>-->
<!--          <a href="signOff" class="item">退出登录</a>-->
<!--          <a href="MyAccountForm" class="item">个人主页</a>-->
<!--        </c:if>-->
<!--        <c:if test="${sessionScope.account==null}">-->
<!--          <a href="loginForm" class="item">我的订单</a>-->
<!--          <%&#45;&#45;                <a href="" class="item">收藏夹</a>&#45;&#45;%>-->
<!--          <a href="register" class="item">注册</a>-->
<!--          <a href="loginForm" class="item">登录</a>-->
<!--        </c:if>-->
<!--      </div>-->
    </div>
    <div class="header">
      <div class="container clearf">
        <div class="col-2 logo">宠物商店</div>
        <div class="col-5 search-bar">
          <!--搜索栏目-->
          <form action="searchProduct" method="post">
            <input type="text"  id="keyword" name="keyword" size="14" />
            <%--                    <input type="submit" name="searchProducts" value="Search" />--%>
            <button type="submit" name="searchProducts" value="Search">搜索</button>
          </form>
          <div id="productAutoComplete" class="productAutoComplete">
            <ul id="productAutoList" class="productAutoList">
            </ul>
          </div>
          <script src="js/findProduct.js" type="text/javascript" xml:lang="javascript" charset="UTF-8"></script>
        </div>
        <div class="col-3 cart">
          <router-link to="/cart/cart"><a href="#" class="item">我的购物车</a></router-link>
        </div>
      </div>
    </div>

</template>
<script>
export default {
  name: "IncludeTop"
}
</script>